<!DOCTYPE html>
<html>
<head>
    <title>益多多回收</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/base.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/component.css">
    <style type="text/css">
		body,html{background: #fafafa;}
        .xyg-index{width:100%;height:auto;}
        .xyg-index .xyg-index-content .xyg-index-content-btn{width:93%; height:auto; margin:0.2rem 3.5%; }
        .xyg-index-content-btn .xyg-index-content-btn-item{width:31.2%;height:8.5rem; margin: 0.2rem 1%; float: left;border: 0.01rem solid #E5E5E5;background:#ffffff ;}
        .xyg-index-content-btn .xyg-index-content-btn-item .xyg-index-content-btn-item-bg{width:50%; height:auto; margin: 1rem auto 0.2rem auto;}
        .xyg-index-content-btn .xyg-index-content-btn-item .xyg-index-content-btn-item-title{width:100%; height:1rem;  text-align:center;color:#666666;letter-spacing: 0.1rem;}
        .xyg-index-dd{width:96%; padding: 0px 2%; height:auto;background: #ffffff;}
        .xyg-index-dd .xyg-index-dd-item{width:50%;height:8rem;position: relative; float: left;margin-top: 0.2rem;}
        .xyg-index-dd .xyg-index-dd-item .xyg-index-dd-item-bg{width:100%; height:8rem;}
        .xyg-index-dd .xyg-index-dd-item .xyg-index-dd-item-title{color: #000000;font-size:35px; letter-spacing: 0.1rem; position: absolute; top:3rem; left:3.5rem;}
        .xyg-index-dd .xyg-index-dd-item  .xyg-index-dd-item-desc{color: #ffffff;letter-spacing: 0.1rem; font-size: 28px;  position: absolute; top:4.2rem; left:1.2rem;}

    </style>
</head>
<body>
<body style="background:#fafafa;">
<input type="hidden" value="" id="latitude"/>
<input type="hidden" value="" id="longitude"/>
 <!--头部开始-->
    <div class="xyg-comp-banner swiper-container">
		<div class="swiper-wrapper">
            <#list shopBannerList as shopBanner>
                <#if shopBanner.url?? && shopBanner.url!="">
                    <div onClick="goJump('${shopBanner.url}','${memberId}')" class="swiper-slide"><img src="${shopBanner.image}"/></div>
                    <#else>
                        <div  class="swiper-slide"><img src="${shopBanner.image}"/></div>
                </#if>
            </#list>
		</div>
		<div class="swiper-pagination xyg-comp-banner-swiper"></div>
	</div>
   <!--头部结束-->
   <!--通知开始-->
   <div class="xyg-comp-notice">
   		<div class="xyg-comp-notice-left borderRight">
        	<img src="${s.base}/mobile/images/lb.png"/>
        </div>
        <div class="xyg-comp-notice-right">
            <ul class="xyg-comp-notice-content">
                <#list webArticleList as webArticle>
                    <li class="font-grade-one" onclick="getWebArticleDetailPage('${memberId}','${webArticle.id}')">${webArticle.title}</li>
                </#list>
            </ul>
        </div>
        <div class="clearBoth"></div>
   </div>
   <!--通知介绍-->
   <!--展示按钮开始-->
        <div class="xyg-index-dd">
            <div class="xyg-index-dd-item" onclick="goQyxdPage('${memberId}')">
                <img src="${s.base}/mobile/images/gr.png" class="xyg-index-dd-item-bg"/>
                <div class="xyg-index-dd-item-title b_color">
                    预约上门
                </div>
                <div class="xyg-index-dd-item-desc b_color">
                </div>
            </div>
            <div class="xyg-index-dd-item" id="sm" data-value="${webMember.cardNo}" onclick="goPaymentCodePage('${memberId}')" >
                <img src="${s.base}/mobile/images/qr.png" class="xyg-index-dd-item-bg"/>
                <div class="xyg-index-dd-item-title g_color">
                    获取ID号
                </div>
                <div class="xyg-index-dd-item-desc g_color">

                </div>
            </div>
            <div class="clearBoth"></div>
        </div>
        <!--展示按钮结束-->
   
   
<div class="xyg-index">
   
    <!--详情内容开始-->
    <div class="xyg-index-content">
        
        <!--个人内容结束-->

        <!--按钮内容开始-->
        <div class="xyg-index-content-btn">
            <div class="xyg-index-content-btn-item" onclick="goCircleOrderListPage('${memberId}')">
                <img src="${s.base}/mobile/images/d1.png" class="xyg-index-content-btn-item-bg"/>
                <div class="xyg-index-content-btn-item-title">
                    预约订单
                </div>
            </div>
            <div class="xyg-index-content-btn-item" onclick="goSfjgPage('${memberId}')">
                <img src="${s.base}/mobile/images/d2.png" class="xyg-index-content-btn-item-bg"/>
                <div class="xyg-index-content-btn-item-title">
                    废品价格
                </div>
            </div>
            <div class="xyg-index-content-btn-item" onclick="goJfscPage('${memberId}')">
                <img src="${s.base}/mobile/images/d3.png" class="xyg-index-content-btn-item-bg"/>
                <div class="xyg-index-content-btn-item-title">
                    积分商城
                </div>
            </div>
            <div class="xyg-index-content-btn-item" onclick="goRecoveryCircleEditPage('${memberId}')">
                <img src="${s.base}/mobile/images/d4.png" class="xyg-index-content-btn-item-bg"/>
                <div class="xyg-index-content-btn-item-title">
                    回收商入驻
                </div>
            </div>
            <div class="xyg-index-content-btn-item" onclick="goJrsfyPage('${memberId}')">
                <img src="${s.base}/mobile/images/d5.png" class="xyg-index-content-btn-item-bg"/>
                <div class="xyg-index-content-btn-item-title">
                    加入收废品
                </div>
            </div>
            <div class="xyg-index-content-btn-item" onclick="goComplainPage('${memberId}')">
                <img src="${s.base}/mobile/images/d6.png" class="xyg-index-content-btn-item-bg"/>
                <div class="xyg-index-content-btn-item-title">
                    领取ID标贴
                </div>
            </div>

            <div class="clearBoth"></div>
        </div>
        <!--按钮内容结束-->
    </div>
    <!--详情内容结束-->
    <!--<div class="xyg-btn-one">轻松预约上门服务</div>-->
</div>

<!--底部菜单开始-->
<div style="width:100%; height:2.5rem;"></div>
<div class="xyg-comp-bottom">
    <div class="xyg-comp-bottom-item">
        <a href="javascript:void(0)" onclick="goFistPage('${memberId}')">
            <img src="${s.base}/mobile/images/menu_icon_1_a.png"/>
            <div class="xyg-comp-bottom-item-text select-text">首页</div>
        </a>
    </div>
    <div class="xyg-comp-bottom-item">
        <a href="javascript:void(0)" onclick="goHssqPage('${memberId}')">
            <img src="${s.base}/mobile/images/menu_icon_2.png"/>
            <div class="xyg-comp-bottom-item-text">附近网点</div>
        </a>
    </div>
    <div class="xyg-comp-bottom-item">
        <a href="javascript:void(0)" onclick="goMyPage('${memberId}')">
            <img src="${s.base}/mobile/images/menu_icon_3.png"/>
            <div class="xyg-comp-bottom-item-text">我的</div>
        </a>
    </div>
    <div class="clearBoth"></div>
</div>
</body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="${s.base}/mobile/js/jquery-2.1.4.js"></script>
<script src="${s.base}/mobile/js/jquery-weui.js"></script>
<script src="${s.base}/mobile/js/swiper.js"></script>
<script src="${s.base}/mobile/fonts/iconfont.js"></script>
<script src="${s.base}/mobile/js/component.js?1216334345454345562"></script>
<script src="${s.base}/mobile/js/base.js?12163345454345562"></script>
<!--js分享代码开始-->
<input type="hidden" value="${jSTicketShareResponse.appid}" id="appid" />
<input type="hidden" value="${jSTicketShareResponse.fxTitle}" id="fxTitle" />
<input type="hidden" value="${jSTicketShareResponse.fxImgUrl}" id="fxImgUrl" />
<input type="hidden" value="${jSTicketShareResponse.fxDesc}" id="fxDesc" />
<input type="hidden" value="${jSTicketShareResponse.fxUrl}" id="fxUrl" />
<input type="hidden" value="${jSTicketShareResponse.nonceStr}" id="nonceStr" />
<input type="hidden" value="${jSTicketShareResponse.timestamp}" id="timestamp" />
<input type="hidden" value="${jSTicketShareResponse.signature}" id="signature" />
<script src="${s.base}/mobile/js/share.js?1216334345454345562"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $.fn.initXygCompBanner();
        $.fn.initXygCompNotice($(".xyg-comp-notice-content"));
    });
    function setWxAddress() {
        wx.getLocation({
            type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
            success: function (res) {
                var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                $("#latitude").val(latitude);
                $("#longitude").val(longitude);
            }
        });
    }
    /*$("#sm").on("click",function () {
        var cardNo = $(this).attr("data-value");
        $.alert(cardNo);
    })*/
</script>
</html>
